<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>wordManager</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <style>
        @media only screen and (min-width: 1200px) {
            .blog-g-fixed {
                max-width: 1200px;
            }
        }

        @media only screen and (min-width: 641px) {
            .blog-sidebar {
                font-size: 1.4rem;
            }
        }

        .blog-main {
            padding: 20px 0;
        }

        .blog-title {
            margin: 10px 0 20px 0;
        }

        .blog-meta {
            font-size: 14px;
            margin: 10px 0 20px 0;
            color: #222;
        }

        .blog-meta a {
            color: #27ae60;
        }

        .blog-pagination a {
            font-size: 1.4rem;
        }

        .blog-team li {
            padding: 4px;
        }

        .blog-team img {
            margin-bottom: 0;
        }

        .blog-content img,
        .blog-team img {
            max-width: 100%;
            height: auto;
        }

        .blog-footer {
            padding: 10px 0;
            text-align: center;
        }
    </style>
</head>
<body>
<header class="am-topbar">
    <h1 class="am-topbar-brand">
        <a href="#">blog</a>
    </h1>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav">
            <li><a href="landing.html">首页</a></li>
            <li class="am-active"><a href="blog.html">项目</a></li>
        </ul>

        <form class="am-topbar-form am-topbar-left am-form-inline am-topbar-right" role="search">
            <div class="am-form-group">
                <input type="text" class="am-form-field am-input-sm" id="search_input" placeholder="搜索文章">
            </div>
            <a id="search_btn" class="am-btn am-btn-default am-btn-sm">搜索</a>
        </form>

    </div>
</header>

<div class="am-g am-g-fixed blog-g-fixed">
    <div class="am-u-md-12" >
        <hr class="am-article-divider blog-hr">
        <div id="word_div"></div>
        <!--<article class="blog-main">-->
            <!--<h3 class="am-article-title blog-title">-->
                <!--<a href="#">Google fonts 的字體（display 篇）</a>-->
            <!--</h3>-->
            <!--<h4 class="am-article-meta blog-meta">by <a href="">open</a> posted on 2014/06/17 under <a href="#">字体</a>-->
            <!--</h4>-->

            <!--<div class="am-g blog-content">-->
                <!--<div class="am-u-lg-7">-->
                    <!--<p>&lt;!&ndash; 本demo来自 http://blog.justfont.com/ &ndash;&gt;你自信滿滿的跟客戶進行第一次 demo。秀出你精心設計的內容時，你原本期許客戶冷不防地掉下感動的眼淚。</p>-->

                    <!--<p>因為那實在是太高級了。</p>-->

                    <!--<p>除了各項基本架構幾乎完美無缺之外，內文是高貴的，有著一些距離感的，典雅的襯線字體。不是 Times New-->
                        <!--Roman，而是很少有人見過的，你精心挑選過的字體，凸顯你品味的高超。而且它並沒有花上你與業主一毛錢，或許這也非常重要。</p>-->
                <!--</div>-->
                <!--<div class="am-u-lg-5">-->
                    <!--<p><img src="http://f.cl.ly/items/451O3X0g47320D203D1B/不夠活潑.jpg"></p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="am-g">-->
                <!--<div class="am-u-sm-12">-->
                    <!--<p>看著自己的作品，你的喜悅之情溢於言表，差點就要說出我要感謝我的父母之類的得獎感言。但在你對面的客戶先是一點表情也沒有，又瞬間轉為陰沉，抿了抿嘴角冷冷的說……</p>-->

                    <!--<p>「我要一種比較跳的感覺懂嗎？」</p>-->
                <!--</div>-->
            <!--</div>-->
        <!--</article>-->

        <!--<hr class="am-article-divider blog-hr">-->

        <hr class="am-article-divider blog-hr">
        <ul class="am-pagination blog-pagination">
            <li onclick="previousPage()" class="am-pagination-prev"><div >&laquo; 上一页</div></li>
            <li onclick="nextPage()"  class="am-pagination-next"><div >下一页 &raquo;</div></li>
        </ul>
    </div>


</div>

<footer class="blog-footer" >
    <p>blog template<br/>
        <small>© Copyright XXX. by the AmazeUI Team.</small>
    </p>
</footer>

<script src="js/plugins/jquery.min.js?v=2.1.4"></script>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<!--<script src="assets/js/jquery.min.js"></script>-->
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="blog.js"></script>

</body>
</html>
